<template>
  <div class="wrong">
    <div class="wrong-title">
      <img src="../../assets/404/404.webp" alt="" />
    </div>
    <p></p>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
</script>

<style lang="scss">
.wrong {
  margin-top: 20px;
  width: 100%;
  //   padding: 20px;
  height: calc(100vh - 70px);
  background: white;
  text-align: center;
  .wrong-title {
    height: 100%;
    text-align: center;
    img {
      width: 100%;
      height: 100%;
    }
    // justify-content: center;
    // flex-direction: column;
    // 垂直居中
    .p:first-child {
      color: red;
      font-size: 160px;
      font-style: oblique;
    }
  }
}
</style>
